<template>
	<div id="app">
		<Layout />
		<router-view></router-view>
		<!-- 编写一个底部组件 -->
		<Footer />
	</div>
</template>

<script>
	import Layout from './views/layout/Layout.vue'
	import Footer from './views/layout/Footer.vue'

	export default {
		name: 'App',
		components: {
			Layout,
			Footer
		}
	}
</script>

<style>
	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
	}
</style>
